<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" href="css/lib/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="css/lib/bootstrap-select.min.css"/>
		<script src="js/lib/jquery.min.js"></script>
		<script src="js/lib/bootstrap.min.js"></script>
		<script src="js/lib/bootstrap-select.min.js"></script>

		<link rel="stylesheet" type="text/css" href="css/page/library.css" />
		<link rel="stylesheet" type="text/css" href="css/components.css"/>
	</head>

	<body>

		
		<div class="header">
			<div class="header-top hidden-xs">
				<div class="container">
					<div class="row">
						<div class="col-md-3 col-sm-5 hidden-xs">
							<img src="img/logo_top.png" class="logo-top" />
						</div>
						<div class="col-md-offset-4 col-md-3 col-sm-4 hidden-xs">
							<form class="search mrt-10">
							  <input type="text" placeholder="站内搜索">
							  <button type="submit"></button>
							</form>
						</div>
						<div class="col-md-2 col-sm-3 hidden-xs">
							<ul class="lang mrt-10">
								<li><a href="#">English</a></li>
								<li>|</li>
								<li><a href="#">中文</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>	
			<div class="header-nav">
				<nav class="navbar navbar-default">
				  <div class="container">
				    <div class="navbar-header">
				      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				      </button>
				      <img src="img/logo_top.png" class="logo-top hidden-sm hidden-lg hidden-md"/>
				    </div>
				
				    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				      <ul class="nav navbar-nav">
							<li><a href="index.html">学校首页</a></li>
							<li><a href="#">学校行政</a></li>
							<li><a href="student.html">学校组织</a></li>
							<li class="active"><a href="library.html">校图书馆</a></li>
							<li><a href="download.html">下载中心</a></li>
				      </ul>
				    </div>
				  </div>
				</nav>
			</div>
		</div>
		
		<div class="content">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="section recommend-list">
							<div class="title">
								<h3>推荐专栏<span>Tuijian</span></h3>
								<div class="more">more>></div>
							</div>
							
							<div class="media col-md-6">
							  <div class="media-left">
							    <a href="#">
							      <img class="media-object" src="img/book1.png" alt="...">
							    </a>
							  </div>
							  <div class="media-body">
							    <h4 class="media-heading">《活着》</h4>
							    <p><span>作者：</span>张嘉佳</p>
							    <p><span>出版社：</span>2018-8-8</p>
							    <p><span>推荐理由：</span>主要讲述了中国旧社会一个地主少爷富贵悲惨的人生遭遇.富贵 嗜赌如命,终于赌光了家产,一贫如洗,他的父亲被他活活气死,母亲则在穷困 中患了重病,富贵前去求</p>
							  </div>
							</div>
							
							<div class="media col-md-6">
							  <div class="media-left">
							    <a href="#">
							      <img class="media-object" src="img/book1.png" alt="...">
							    </a>
							  </div>
							  <div class="media-body">
							    <h4 class="media-heading">《活着》</h4>
							    <p><span>作者：</span>张嘉佳</p>
							    <p><span>出版社：</span>2018-8-8</p>
							    <p><span>推荐理由：</span>主要讲述了中国旧社会一个地主少爷富贵悲惨的人生遭遇.富贵 嗜赌如命,终于赌光了家产,一贫如洗,他的父亲被他活活气死,母亲则在穷困 中患了重病,富贵前去求</p>
							  </div>
							</div>
						
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="content">
			<div class="container">
				<div class="row">
					<div class="col-md-6">
						<div class="section reading-list">
							<div class="title">
								<h3>班级阅读龙湖榜</h3>
								<div class="more">more>></div>
							</div>
							<div class="col-md-4 col-sm-3">
								<div class="list-no-title">
									<div class="list-group hidden-xs">
									  <a href="#" class="list-group-item active">2017年 XX月-01月</a>
									  <a href="#" class="list-group-item">2017年 XX月-02月</a>
									  <a href="#" class="list-group-item">2017年 XX月-03月</a>
									  <a href="#" class="list-group-item">2017年 XX月-04月</a>
									</div>
									<div class="hidden-lg hidden-md hidden-sm">
										<select class="selectpicker" title="2017年 XX月-01月">
											<option>2017年 XX月-01月</option>
											<option>2017年 XX月-02月</option>
											<option>2017年 XX月-03月</option>
											<option>2017年 XX月-04月</option>
										</select>
									</div>
								</div>
							</div>
							<div class="col-md-5 col-sm-4 col-xs-8">
								<img src="img/2.png" class="img-responsive"/>
							</div>
							<ul class="col-sm-offset-1 col-md-2 col-sm-3 col-xs-4 list-group">
							  <li class="list-group-item"><span>NO.1</span>     1A</li>
							  <li class="list-group-item"><span>NO.1</span>     1A</li>
							  <li class="list-group-item"><span>NO.1</span>     1A</li>
							  <li class="list-group-item"><span>NO.1</span>     1A</li>
							  <li class="list-group-item"><span>NO.1</span>     1A</li>
							</ul>
						</div>
					</div>
					<div class="col-md-6">
						<div class="section reading-list">
							<div class="title">
								<h3>个人阅读龙湖榜</h3>
								<div class="more">more>></div>
							</div>
							<div class="col-md-4 col-sm-3">
								<div class="list-no-title">
									<div class="list-group hidden-xs">
									  <a href="#" class="list-group-item active">2017年 XX月-01月</a>
									  <a href="#" class="list-group-item">2017年 XX月-02月</a>
									  <a href="#" class="list-group-item">2017年 XX月-03月</a>
									  <a href="#" class="list-group-item">2017年 XX月-04月</a>
									</div>
									<div class="hidden-lg hidden-md hidden-sm">
										<select class="selectpicker" title="2017年 XX月-01月">
											<option>2017年 XX月-01月</option>
											<option>2017年 XX月-02月</option>
											<option>2017年 XX月-03月</option>
											<option>2017年 XX月-04月</option>
										</select>
									</div>
								</div>
							</div>
							<div class="col-md-5 col-sm-4 col-xs-8">
								<img src="img/2.png" class="img-responsive"/>
							</div>
							<ul class="col-sm-offset-1 col-md-2 col-sm-3 col-xs-4 list-group">
							  <li class="list-group-item"><span>NO.1</span>     1A</li>
							  <li class="list-group-item"><span>NO.1</span>     1A</li>
							  <li class="list-group-item"><span>NO.1</span>     1A</li>
							  <li class="list-group-item"><span>NO.1</span>     1A</li>
							  <li class="list-group-item"><span>NO.1</span>     1A</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="content">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="section good-work">
							<div class="title">
								<h3>优秀学生作品</h3>
								<div class="more">more>></div>
							</div>
							<h4>第四届  全港微型小说创作大赛  得奖作品</h4>
							<ul class="col-md-12 col-sm-12 col-xs-12">
								<li class="col-md-3 col-sm-4 col-xs-6">某某某  文章标题文章标题</li><li class="col-md-3 col-sm-4 col-xs-6">某某某  文章标题文章标题</li><li class="col-md-3 col-sm-4 col-xs-6">某某某  文章标题文章标题</li><li class="col-md-3 col-sm-4 col-xs-6">某某某  文章标题文章标题</li>
							</ul>
							
							<h4>第四届  全港微型小说创作大赛  得奖作品</h4>
							
							<ul class="col-md-12 col-sm-12 col-xs-12">
								<li class="col-md-3 col-sm-4 col-xs-6">某某某  文章标题文章标题</li><li class="col-md-3 col-sm-4 col-xs-6">某某某  文章标题文章标题</li><li class="col-md-3 col-sm-4 col-xs-6">某某某  文章标题文章标题</li><li class="col-md-3 col-sm-4 col-xs-6">某某某  文章标题文章标题</li>
							</ul>
							
							<h4>第四届  全港微型小说创作大赛  得奖作品</h4>
							
							<ul class="col-md-12 col-sm-12 col-xs-12">
								<li class="col-md-3 col-sm-4 col-xs-6">某某某  文章标题文章标题</li><li class="col-md-3 col-sm-4 col-xs-6">某某某  文章标题文章标题</li><li class="col-md-3 col-sm-4 col-xs-6">某某某  文章标题文章标题</li><li class="col-md-3 col-sm-4 col-xs-6">某某某  文章标题文章标题</li>
								<li class="col-md-3 col-sm-4 col-xs-6">某某某  文章标题文章标题</li><li class="col-md-3 col-sm-4 col-xs-6">某某某  文章标题文章标题</li><li class="col-md-3 col-sm-4 col-xs-6">某某某  文章标题文章标题</li><li class="col-md-3 col-sm-4 col-xs-6">某某某  文章标题文章标题</li>
								<li class="col-md-3 col-sm-4 col-xs-6">某某某  文章标题文章标题</li><li class="col-md-3 col-sm-4 col-xs-6">某某某  文章标题文章标题</li><li class="col-md-3 col-sm-4 col-xs-6">某某某  文章标题文章标题</li><li class="col-md-3 col-sm-4 col-xs-6">某某某  文章标题文章标题</li>
							</ul>
							
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="content">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="section book-recommend ">
							<div class="title">
								<h3>买书推荐</h3>
								<div class="more">more>></div>
							</div>
							<div class="col-md-2 col-sm-3">
								<div class="list-no-title">
									<div class="list-group hidden-xs">
									  <a href="#" class="list-group-item active">一年级</a>
									  <a href="#" class="list-group-item">二年级</a>
									  <a href="#" class="list-group-item">三年级</a>
									  <a href="#" class="list-group-item">四年级</a>
									  <a href="#" class="list-group-item">五年级</a>
									  <a href="#" class="list-group-item">六年级</a>
									</div>
									<div class="hidden-lg hidden-md hidden-sm">
										<select class="selectpicker" title="一年级">
											<option>一年级</option>
											<option>二年级</option>
											<option>三年级</option>
											<option>四年级</option>
											<option>五年级</option>
											<option>六年级</option>
										</select>
									</div>
								</div>
							</div>
							<div class="col-md-9 col-sm-9">
								<table class="respon color-table table table-bordered table-striped text-center">
									<tr>
									  <th>书名</th><th>书号</th><th>出版社</th><th>版次</th><th>编著者</th><th>使用课程</th>
									</tr>
									<tr>
									  <td data-label="书名">aaa</td><td data-label="书号">...</td><td data-label="出版社">...</td><td data-label="版次">...</td><td data-label="编著者">...</td><td data-label="使用课程">...</td>
									</tr>
									<tr>
									  <td data-label="书名">...</td><td data-label="书号">...</td><td data-label="出版社">...</td><td data-label="版次">...</td><td data-label="编著者">...</td><td data-label="使用课程">...</td>
									</tr>
									<tr>
									  <td data-label="书名">...</td><td data-label="书号">...</td><td data-label="出版社">...</td><td data-label="版次">...</td><td data-label="编著者">...</td><td data-label="使用课程">...</td>
									</tr>
									<tr>
									  <td data-label="书名">...</td><td data-label="书号">...</td><td data-label="出版社">...</td><td data-label="版次">...</td><td data-label="编著者">...</td><td data-label="使用课程">...</td>
									</tr>
									<tr>
									  <td data-label="书名">...</td><td data-label="书号">...</td><td data-label="出版社">...</td><td data-label="版次">...</td><td data-label="编著者">...</td><td data-label="使用课程">...</td>
									</tr>
								</table>
							</div>
						</div>
						
					</div>
				</div>
			</div>
		</div>
		
		
		
		
		
		
		
		<div class="bottom content mobile-txtcenter">
			<div class="container">
				<div class="row">
					<div class="col-md-4 hidden-sm hidden-xs">
						<div class="col-md-4">
							<h4>友情链接</h4>
							<p>姐妹网站</p>
							<p>其他链接</p>
							<p>其他链接</p>
						</div>
						<div class="col-md-4">
							<h4>友情链接</h4>
							<p>姐妹网站</p>
							<p>其他链接</p>
							<p>其他链接</p>
						</div>
						<div class="col-md-4">
							<h4>友情链接</h4>
							<p>姐妹网站</p>
							<p>其他链接</p>
							<p>其他链接</p>
						</div>
					</div>
					<div class="col-md-2 hidden-sm hidden-xs text-center">
					    <img src="img/erweima.png" alt="...">
					    <p>官方公众号</p>
					</div>
					<div class="col-md-3 col-sm-6">
						<p>地址：中国 广州市 黄埔大道西601号</p>
						<p>邮编：510632 </p>
						<p>主页：https://www.jnu.edu.cn </p>
						<p>版权所有©暨南大学</p>
					</div>
					<div class="col-md-3 col-sm-6 hidden-xs">
			    		<img src="img/logo_down.png" class="logo-down img-responsive" />
					</div>
				</div>
			</div>
		</div>


	</body>

</html>